<script setup lang="ts">
import { computed, getCurrentInstance, ref } from "vue";
import type Typings from "@plugins/typings";

const curIns = getCurrentInstance()?.proxy;

const breadcrumbList = computed(
  () => curIns?.$route.meta.breadcrumbList as Typings.Common.option[]
);

const dropdownOptions = ref<Typings.Common.option[]>([
  { name: "退出登录", code: "logout" },
]);
</script>

<template>
  <div
    class="w-full h-full py-0 px-[10px] box-border bg-white shadow-sm flex flex-row justify-between"
  >
    <div class="left flex flex-row items-center">
      <xt-breadcrumb :options="breadcrumbList" />
    </div>
    <div class="right">
      <xt-dropdown :options="dropdownOptions">
        <xt-avatar :size="56" />
      </xt-dropdown>
    </div>
  </div>
</template>
